<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%-- 
    Document   : index
    Created on : 11/11/2012, 04:16:31 AM
    Author     : Pamela Simbana
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Administraci&oacute;n de Suscripci&oacute;n</title>
        <link type="text/css" rel="stylesheet" href="../lib/css/estilos.css">

        <link type="text/css" rel="stylesheet" href="../lib/css/redmond/jquery-ui-1.8.24.custom.css">

        <script type="text/javascript" src="../lib/js/jquery-1.8.2.min.js"></script>
        <script type="text/javascript" src="../lib/js/jquery-ui-1.8.24.custom.min.js"></script>
        <script type="text/javascript">

            $(function(){
                $("#btnInsertar").button();
                $("#btnGuardar").button();
                $("#btnEliminar").button();
                $("#btnInsertar").fadeOut(0);
                $("#btnGuardar").fadeOut(0);
                $("#btnEliminar").fadeOut(0);
            });
            function desactivar(){
                $("#btnInsertar").fadeOut(500);
                $("#btnGuardar").fadeOut(500);
                $("#btnEliminar").fadeOut(500);
            }
            function activar(){
                if(document.getElementById("listSuscripcion").value == ""){
                    $("#btnInsertar").fadeOut(500);
                    $("#btnGuardar").fadeOut(500);
                    $("#btnEliminar").fadeOut(500);
                }else if(document.getElementById("listSuscripcion").value == "@"){
                    $("#btnInsertar").fadeIn(500);
                    $("#btnGuardar").fadeOut(5);
                    $("#btnEliminar").fadeOut(5);
                }else{
                    $("#btnInsertar").fadeOut(10);
                    $("#btnGuardar").fadeIn(500);
                    $("#btnEliminar").fadeIn(500);
                }
            }
            function enviar(flag){
                document.getElementById("flagAccion").value = flag;
                document.getElementById("frmAdminSuscripcion").submit();
            }

              function cargarAdminSuscripcion(){

        // Obtener la instancia del objeto XMLHttpRequest
                if(window.XMLHttpRequest) {
                    peticion_http = new XMLHttpRequest();
                }
                else if(window.ActiveXObject) {
                    peticion_http = new ActiveXObject("Microsoft.XMLHTTP");
                }

                // Preparar la funcion de respuesta
                peticion_http.onreadystatechange = muestraContenido;

                // Realizar peticion HTTP
                var suscripcion= document.getElementById('listSuscripcion').value;
                peticion_http.open('GET','../cargarAdminSuscripcion?idSuscripcion='+suscripcion, true);
                peticion_http.send(null);

                function muestraContenido() {
                    if(peticion_http.readyState == 4) {
                        if(peticion_http.status == 200) {
                            datos = peticion_http.responseText.split(':');
                            document.getElementById('txtTiempo').value =  datos[0];
                            document.getElementById('txtPrecio').value =  datos[1];
                            
                        }
                    }
                }
            }
        </script>
    </head>
    <body onload="">
        <form class="formulario" id="frmAdminSuscripcion" name="frmAdminSuscripcion" method="POST" action="<%= request.getRequestURI()%>"><br>
            <jsp:useBean id="beanSuscribirDp" scope="page" class="dp.SuscripcionDP"/>
            <div class="container">
                <h3>Administraci&oacute;n de Suscripci&oacute;n</h3>
                <div class="labels">
                    <label>Suscripci&oacute;n:</label><br>
                    <label>Nuevo Nombre Suscripci&oacute;n:</label><br>
                    <label>Tiempo Suscripci&oacute;n:</label><br>
                    <label>Precio Suscripci&oacute;n:</label><br>
                </div>
                <div class="inputs">
                    <select onclick="desactivar()" onchange="cargarAdminSuscripcion()" onblur="activar()" id="listSuscripcion" name="listSuscripcion" >
                        <option value=""></option>
                        <option value="@">Agregar Nuevo</option>
                        <c:forEach var="susp" items="${beanSuscribirDp.suscripciones}">
                            <option value="${susp.key}">${susp.value}</option>
                        </c:forEach>

                    </select><br>
                     <input type="text" id="txtTipo" name="txtTipo" value="" /><br>
                    <input type="text" id="txtTiempo" name="txtTiempo" value="" /><br>
                    <input type="text" id="txtPrecio" name="txtPrecio" value="" /><br>
                </div>
                <div class="zonaBtn">
                    &nbsp;<br>
                    <input onclick="enviar(1)" type="button" value="Ingresar"  id="btnInsertar" name="btnInsertar" />
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input onclick="enviar(2)" type="button" value="Modificar"  id="btnGuardar" name="btnGuardar" />
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input onclick="enviar(3)" type="button" value="Eliminar"  id="btnEliminar" name="btnEliminar" />
                </div>
            </div>
            <div id="errores"></div>
            <input type="hidden" value="" id="flagAccion" name="flagAccion">
        </form>
</body>
</html>

<%
            if (request.getParameter("flagAccion") != null) {
                int op = Integer.parseInt(request.getParameter("flagAccion"));
                try {
                    beanSuscribirDp.setTipoSuscripcion(request.getParameter("txtTipo"));
                    beanSuscribirDp.setTiempoSuscripcion(Integer.parseInt(request.getParameter("txtTiempo")));
                    beanSuscribirDp.setPrecioSuscripcion(Double.parseDouble(request.getParameter("txtPrecio")));
                    beanSuscribirDp.setIdSuscripcion(Integer.parseInt(request.getParameter("listSuscripcion")));

                } catch (Exception e) {
                    System.out.print("Se agregara nuevo sistema");
                    beanSuscribirDp.setIdSuscripcion(-1);
                }
                switch (op) {
                    case 1://Insertar
                        beanSuscribirDp.ingresarSuscripcionDP();
                        break;
                    case 2://Modificar
                       beanSuscribirDp.modificarSuscripcionDP();
                        break;
                    case 3://Eliminar
                       beanSuscribirDp.eliminarSuscripcionDP();
                        break;
                    default:
                        System.out.print("Opcion escogida invalida");
                        break;
                }
            }
%>
